<template>
	<div>
		<dl v-for="(item, index) in par.answer" v-if="index+1 == page">
			<dt class="topic">{{ index+1 }}.{{ item.title }}</dt>
			<dd><input type="radio" v-model="item.select" value="A" id="A"><label for="A">A.{{ item.A }}</label></dd>
			<dd><input type="radio" v-model="item.select" value="B" id="B"><label for="B">B.{{ item.B }}</label></dd>
			<dd><input type="radio" v-model="item.select" value="C" id="C"><label for="C">C.{{ item.C }}</label></dd>
			<dd><input type="radio" v-model="item.select" value="D" id="D"><label for="D">D.{{ item.D }}</label></dd>
		</dl>
	</div>
</template>

<script>
export default{
	props: {
		par: Object
	},
	data () {
		return {
			page: 1 // 当前第几道题
		}
	},
	
	methods: {
		// 指令集(废弃，可直接操作了)
		// instructionSet (index) {
		// 	console.log(this.par.answer)
		// },
		
		// 上一页
		previous () {
			this.page > 1 ? this.page-- : ''
		},
		// 下一页
		nextpage () {
			let total = Math.ceil(this.par.answer.length / 1);
			this.page < total ? this.page++ : ''
		},
		// 跳转页
		jumpPage (page) {
			this.page = page;
		},
		// 获取当前第几道题
		pagenum () {
			return this.page
		}
	}
}
</script>

<style scoped="scoped">
/*题目样式*/
.topic{
	font-size: 26px;
}
/*ABCD选项*/
dl dd{
	margin-left: 26px;
	margin-top: 27px;
	font-size: 22px;  
}
/*单选框样式调整*/
dl dd input{
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
</style>
